<!DOCTYPE html>
<html lang="en" style="width: 100%;height: 100%;">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=3YwbscArb0y17rvpMMDV7SjrKGnXdwny"></script>
  <!-- 秘钥3YwbscArb0y17rvpMMDV7SjrKGnXdwny -->
  <title>map</title>
</head>
<!-- <script type="text/javascript">
  //解决遮罩层滚动穿透问题，分别在遮罩层弹出后和关闭前调用
  const ModalHelper = ((bodyCls) => {
    let scrollTop;
    return {
      afterOpen: function () {
        scrollTop = document.scrollingElement.scrollTop;
        document.body.classList.add(bodyCls);
        document.body.style.top = -scrollTop + 'px';
      },
      beforeClose: function () {
        document.body.classList.remove(bodyCls);
        // scrollTop lost after set position:fixed, restore it back.
        document.scrollingElement.scrollTop = scrollTop;
      }
    };
  })('dialog-open');
</script> -->

<body style="width:100%;height:100%">
  <noscript>
    <strong>We're sorry but map doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>

  <!-- built files will be auto injected -->
</body>

</html>